/* --------------------------------------------- 目录

字体和重置CSS
重置
全局样式
头部
横幅
特点
客户评价
联系我们
页脚
--------------------------------------------- */

/* 字体和重置CSS */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900");

/* 重置 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Roboto", sans-serif; /* 字体为Roboto，无衬线字体 */
  font-weight: 400; /* 字体粗细为400 */
  background-color: #1e1e1e; /* 背景色为深灰色 */
  font-size: 16px; /* 字体大小为16像素 */
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important; /* 去除链接下划线 */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff; /* 文字颜色为白色 */
  font-weight: 700; /* 字体粗细为700 */
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px; /* 字体大小为15像素 */
  line-height: 30px; /* 行高为30像素 */
  color: #fff; /* 文字颜色为白色 */
}

img {
  width: 100%; /* 图片宽度100% */
  overflow: hidden; /* 溢出隐藏 */
}


/* 
---------------------------------------------
全局样式
--------------------------------------------- 
*/
html,
body {
  background: #fff; /* 背景色为白色 */
  font-family: "Roboto", sans-serif; /* 字体为Roboto，无衬线字体 */
}

::selection {
  background: #147eff; /* 选中文本背景色为深蓝色 */
  color: #fff; /* 选中文本颜色为白色 */
}

::-moz-selection {
  background: #147eff; /* Mozilla Firefox浏览器选中文本背景色为深蓝色 */
  color: #fff; /* Mozilla Firefox浏览器选中文本颜色为白色 */
}

.border-button a {
  font-size: 14px; /* 字体大小为14像素 */
  color: #fff; /* 文字颜色为白色 */
  background-color: transparent; /* 背景色透明 */
  border: 1px solid #147eff; /* 边框为1像素实线深蓝色 */
  padding: 12px 30px; /* 上下内边距12像素，左右内边距30像素 */
  display: inline-block; /* 行内块元素显示 */
  border-radius: 25px; /* 圆角半径为25像素 */
  font-weight: 500; /* 字体粗细为500 */
  text-transform: capitalize; /* 文字转换为首字母大写 */
  letter-spacing: 0.5px; /* 字母间距为0.5像素 */
  transition: all 0.3s; /* 所有样式变化过渡时间为0.3秒 */
  position: relative; /* 相对定位 */
  overflow: hidden; /* 溢出内容隐藏 */
}

.border-button a:after {
  width: 78%; /* 伪元素宽度为父元素宽度的78% */
  height: 2px; /* 伪元素高度为2像素 */
  background-color: #fff; /* 伪元素背景色为白色 */
  content: ""; /* 内容为空 */
  position: absolute; /* 绝对定位 */
  left: 50%; /* 左边距50% */
  bottom: 0; /* 底部边距为0 */
  transform: translateX(-50%); /* 水平居中 */
}

.border-button a:hover {
  background-color: #147eff; /* 悬停背景色为深蓝色 */
  color: #fff; /* 悬停文字颜色为白色 */
}

.main-button a {
  font-size: 14px; /* 字体大小为14像素 */
  color: #fff; /* 文字颜色为白色 */
  background-color: #147eff; /* 背景色为深蓝色 */
  border: 1px solid #147eff; /* 边框为1像素实线深蓝色 */
  padding: 12px 30px; /* 上下内边距12像素，左右内边距30像素 */
  display: inline-block; /* 行内块元素显示 */
  border-radius: 25px; /* 圆角半径为25像素 */
  font-weight: 500; /* 字体粗细为500 */
  text-transform: capitalize; /* 文字转换为首字母大写 */
  letter-spacing: 0.5px; /* 字母间距为0.5像素 */
  transition: all 0.3s; /* 所有样式变化过渡时间为0.3秒 */
  position: relative; /* 相对定位 */
  overflow: hidden; /* 溢出内容隐藏 */
}

.main-button a:after {
  width: 78%; /* 伪元素宽度为父元素宽度的78% */
  height: 2px; /* 伪元素高度为2像素 */
  background-color: #fff; /* 伪元素背景色为白色 */
  content: ""; /* 内容为空 */
  position: absolute; /* 绝对定位 */
  left: 50%; /* 左边距50% */
  bottom: 0; /* 底部边距为0 */
  transform: translateX(-50%); /* 水平居中 */
}

.main-button a:hover {
  background-color: #fff; /* 悬停背景色为白色 */
  color: #147eff; /* 悬停文字颜色为深蓝色 */
  border: 1px solid #fff; /* 悬停边框为1像素实线白色 */
}

section {
  margin-top: 120px; /* 顶部外边距为120像素 */
}

.section-heading {
  position: relative; /* 相对定位 */
  z-index: 2; /* 层级为2 */
  margin-top: 0px; /* 顶部外边距为0像素 */
  margin-bottom: 80px; /* 底部外边距为80像素 */
  text-align: center; /* 文本居中对齐 */
}

.section-heading .line-dec {
  width: 100px; /* 宽度为100像素 */
  height: 2px; /* 高度为2像素 */
  background-color: #147eff; /* 背景色为深蓝色 */
  margin: 0 auto 30px auto; /* 外边距自动，底部外边距30像素 */
}


.section-heading h2 {
  margin-top: 10px; /* 上边距为10像素 */
  line-height: 36px; /* 行高为36像素 */
  font-size: 30px; /* 字体大小为30像素 */
  font-weight: 700; /* 字体粗细为700 */
  text-transform: capitalize; /* 文本转换为首字母大写 */
  color: #fff; /* 文字颜色为白色 */
}

.section-heading h2 em {
  color: #147eff; /* em元素文字颜色为深蓝色 */
  font-style: normal; /* em元素文字样式为正常 */
}

/* 
---------------------------------------------
预加载器样式
--------------------------------------------- 
*/

.js-preloader {
  position: fixed; /* 固定定位 */
  top: 0; /* 顶部距离为0 */
  left: 0; /* 左侧距离为0 */
  right: 0; /* 右侧距离为0 */
  bottom: 0; /* 底部距离为0 */
  background-color: rgba(0, 0, 0, 0.98); /* 背景色为98%不透明的黑色 */
  display: -webkit-box; /* 以弹性盒子方式显示 */
  display: flex; /* 以弹性盒子方式显示 */
  -webkit-box-align: center; /* 弹性盒子垂直居中 */
  align-items: center; /* 弹性盒子垂直居中 */
  -webkit-box-pack: center; /* 弹性盒子水平居中 */
  justify-content: center; /* 弹性盒子水平居中 */
  opacity: 1; /* 不透明度为1 */
  visibility: visible; /* 可见性为可见 */
  z-index: 9999; /* 层级为9999 */
  -webkit-transition: opacity 0.25s ease; /* 过渡效果，透明度变化时耗时0.25秒，缓动效果为ease */
  transition: opacity 0.25s ease; /* 过渡效果，透明度变化时耗时0.25秒，缓动效果为ease */
}

.js-preloader.loaded {
  opacity: 0; /* 不透明度为0 */
  visibility: hidden; /* 可见性为隐藏 */
  pointer-events: none; /* 鼠标事件不可用 */
}

@-webkit-keyframes dot {
  50% {
    -webkit-transform: translateX(96px); /* X轴方向平移96像素 */
    transform: translateX(96px); /* X轴方向平移96像素 */
  }
}

@keyframes dot {
  50% {
    -webkit-transform: translateX(96px); /* X轴方向平移96像素 */
    transform: translateX(96px); /* X轴方向平移96像素 */
  }
}

@-webkit-keyframes dots {
  50% {
    -webkit-transform: translateX(-31px); /* X轴方向平移-31像素 */
    transform: translateX(-31px); /* X轴方向平移-31像素 */
  }
}

@keyframes dots {
  50% {
    -webkit-transform: translateX(-31px); /* X轴方向平移-31像素 */
    transform: translateX(-31px); /* X轴方向平移-31像素 */
  }
}

.preloader-inner {
  position: relative; /* 相对定位 */
  width: 142px; /* 宽度为142像素 */
  height: 40px; /* 高度为40像素 */
  background: transparent; /* 背景透明 */
}

.preloader-inner .dot {
  position: absolute; /* 绝对定位 */
  width: 16px; /* 宽度为16像素 */
  height: 16px; /* 高度为16像素 */
  top: 12px; /* 顶部距离为12像素 */
  left: 15px; /* 左侧距离为15像素 */
  background: #147eff; /* 背景色为深蓝色 */
  border-radius: 50%; /* 边框半径为50% */
  -webkit-transform: translateX(0); /* X轴方向平移0 */
  transform: translateX(0); /* X轴方向平移0 */
  -webkit-animation: dot 2.8s infinite; /* 应用动画效果，名称为dot，持续时间2.8秒，无限循环 */
  animation: dot 2.8s infinite; /* 应用动画效果，名称为dot，持续时间2.8秒，无限循环 */
}

.preloader-inner .dots {
  -webkit-transform: translateX(0); /* X轴方向平移0 */
  transform: translateX(0); /* X轴方向平移0 */
  margin-top: 12px; /* 顶部外边距为12像素 */
  margin-left: 31px; /* 左侧外边距为31像素 */
  -webkit-animation: dots 2.8s infinite; /* 应用动画效果，名称为dots，持续时间2.8秒，无限循环 */
  animation: dots 2.8s infinite; /* 应用动画效果，名称为dots，持续时间2.8秒，无限循环 */
}


.preloader-inner .dots span {
  display: block; /* 块级元素显示 */
  float: left; /* 左浮动 */
  width: 16px; /* 宽度为16像素 */
  height: 16px; /* 高度为16像素 */
  margin-left: 16px; /* 左外边距为16像素 */
  background: #147eff; /* 背景色为深蓝色 */
  border-radius: 50%; /* 边框半径为50% */
}

/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/

.background-header {
  background-color: #fff !important; /* 背景色为白色 */
  height: 70px !important; /* 高度为70像素 */
  position: fixed !important; /* 固定定位 */
  top: 0 !important; /* 顶部距离为0 */
  left: 0; /* 左侧距离为0 */
  right: 0; /* 右侧距离为0 */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important; /* 添加阴影效果 */
  -webkit-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  -moz-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  -o-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
}

.header-area {
  background-color: transparent; /* 背景色透明 */
  position: absolute; /* 绝对定位 */
  height: 70px; /* 高度为70像素 */
  top: 30px; /* 顶部距离为30像素 */
  left: 0; /* 左侧距离为0 */
  right: 0; /* 右侧距离为0 */
  z-index: 100; /* 层级为100 */
  -webkit-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  -moz-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  -o-transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
  transition: all 0.5s ease 0s; /* 所有样式变化过渡时间为0.5秒，缓动效果为ease */
}

.header-area .main-nav {
  min-height: 80px; /* 最小高度为80像素 */
  background: transparent; /* 背景透明 */
  display: flex; /* 弹性盒子布局 */
  background-color: #fff; /* 背景色为白色 */
  padding: 15px 30px; /* 上下内边距15像素，左右内边距30像素 */
  border-radius: 50px; /* 圆角半径为50像素 */
}

.background-header .main-nav {
  padding: 0px; /* 上下内边距为0 */
  background-color: transparent; /* 背景透明 */
}

.header-area .main-nav .logo {
  flex-basis: 30%; /* 占据空间的比例为30% */
  -webkit-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -moz-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -o-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
}

.header-area .main-nav .logo img {
  width: 223px; /* 图片宽度为223像素 */
}

.background-header .main-nav .logo {
  margin-top: 8px; /* 顶部外边距为8像素 */
}

.background-header .main-nav .logo img {
  width: 180px; /* 图片宽度为180像素 */
}

.header-area .main-nav .nav {
  display: inline-flex; /* 内联弹性盒子布局 */
  flex-basis: 70%; /* 占据空间的比例为70% */
  justify-content: flex-end; /* 主轴方向末尾对齐 */
  vertical-align: middle; /* 垂直居中对齐 */
  text-align: right; /* 文本右对齐 */
  margin-top: 15px; /* 顶部外边距为15像素 */
  margin-right: 0px; /* 右侧外边距为0 */
  -webkit-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -moz-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -o-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  position: relative; /* 相对定位 */
  z-index: 999; /* 层级为999 */
}

.header-area .main-nav .nav li {
  padding-left: 10px; /* 左内边距为10像素 */
  padding-right: 10px; /* 右内边距为10像素 */
  display: inline-block; /* 内联块级元素显示 */
}

.header-area .main-nav .nav li a {
  display: block; /* 块级元素显示 */
  font-weight: 500; /* 字体粗细为500 */
  font-size: 14px; /* 字体大小为14像素 */
  text-transform: capitalize; /* 文本转换为首字母大写 */
  color: #147eff; /* 文字颜色为深蓝色 */
  -webkit-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -moz-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  -o-transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  transition: all 0.3s ease 0s; /* 所有样式变化过渡时间为0.3秒，缓动效果为ease */
  border: transparent; /* 边框透明 */
  padding: 8px 15px; /* 上下内边距为8像素，左右内边距为15像素 */
  border-radius: 18px; /* 边框半径为18像素 */
  letter-spacing: 1px; /* 字母间距为1像素 */
}


/* 当子菜单项链接悬停时，调整左内边距 */
.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover,
.background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover {
  padding-left: 25px !important;
}

/* 当菜单项悬停或处于活动状态时，调整颜色和背景色 */
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #fff;
  background-color: #147eff;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #fff;
  opacity: 1;
}

/* 菜单项具有子菜单时的样式微调 */
.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

/* 菜单触发器样式 */
.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 20px;
  display: none;
}

/* 滚动时固定菜单触发器位置微调 */
.background-header .main-nav .menu-trigger {
  top: 17px;
}

/* 菜单触发器线条样式及过渡效果 */
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #147eff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

/* 滚动时固定菜单触发器线条样式微调 */
.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #147eff;
}

/* 菜单触发器前线条样式及过渡效果 */
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #147eff;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

/* 滚动时固定菜单触发器前线条样式微调 */
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #147eff;
}

/* 菜单触发器后线条样式及过渡效果 */
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

/* 滚动时固定菜单触发器位置微调 */
.header-area .main-nav .menu-trigger span {
  top: 16px;
}

/* 滚动时固定菜单触发器前线条位置微调 */
.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

/* 滚动时固定菜单触发器后线条位置微调 */
.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

/* 激活状态时菜单触发器线条样式 */
.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

/* 激活状态时菜单触发器前线条样式 */
.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #147eff;
}

/* 滚动时固定激活状态菜单触发器前线条样式微调 */
.background-header .main-nav .menu-trigger.active span:before {
  background-color: #147eff;
}

/* 激活状态时菜单触发器后线条样式 */
.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #147eff;
}

/* 滚动时固定激活状态菜单触发器后线条样式微调 */
.background-header .main-nav .menu-trigger.active span:after {
  background-color: #147eff;
}

/* 固定标题区域高度 */
.header-area.header-sticky {
  min-height: 70px;
}

/* 滚动时固定导航菜单项激活状态样式 */
.header-area.header-sticky .nav li a.active {
  color: #fff;
}

/* 媒体查询：屏幕最大宽度为1200px */
@media (max-width: 1200px) {
  /* 调整菜单项内边距 */
  .header-area .main-nav .nav li {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 隐藏容器前景元素 */
  .header-area .main-nav:before {
    display: none;
  }
}

/* 媒体查询：屏幕最大宽度为992px */
@media (max-width: 992px) {
  /* 固定标题区域位置 */
  .header-area {
    top: 0;
  }
  /* 调整导航菜单样式 */
  .header-area .main-nav {
    background-color: transparent;
    border-radius: 0px;
  }
  .header-area .main-nav .nav {
    height: auto;
    flex-basis: 100%;
  }
  .header-area .main-nav .logo {
    position: absolute;
    left: 30px;
    top: 15px;
  }
  /* 滚动时固定标题区域导航菜单样式微调 */
  .background-header .main-nav .logo {
    top: 0px;
  }
  .background-header .main-nav .border-button {
    top: 0px !important;
  }
  .header-area .main-nav .border-button {
    position: absolute;
    top: 15px;
    right: 70px;
  }
  /* 滚动时固定标题区域导航菜单悬停状态样式 */
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #147eff !important;
    opacity: 1;
  }
  /* 滚动时固定标题区域搜索图标样式 */
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  /* 固定标题区域样式 */
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 0px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area.header-sticky .nav {
    margin-top: 85px !important;
    text-align: center;
  }
  .background-header.header-sticky .nav {
    margin-top: 70px !important;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #fff !important;
    color: #1e1e1e !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #fff !important;
    color: #147eff !important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3b566e;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul,
  .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}


/* 
---------------------------------------------
横幅样式
--------------------------------------------- 
*/

/* 主横幅样式 */
.main-banner {
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 290px;
  padding-bottom: 240px;
  background-color: #2a2a2a;
}

.main-banner h6 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.main-banner h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 66px;
  text-transform: uppercase;
}

.main-banner p {
  margin-top: 20px;
}

.main-banner .buttons {
  margin-top: 30px;
  display: flex;
  justify-content: start;
}

.main-banner .border-button {
  margin-right: 15px;
}

.main-banner .owl-banner {
  margin-top: -40px;
}

.main-banner .owl-nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  bottom: -76px;
  text-align: center;
}

.main-banner .owl-nav .owl-prev {
  margin-right: 7.5px;
}

.main-banner .owl-nav .owl-next {
  margin-left: 7.5px;
}

.main-banner .owl-nav .owl-prev span,
.main-banner .owl-nav .owl-next span {
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  display: inline-block;
  color: #fff;
  background-color: #147eff;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s;
}

.main-banner .owl-nav .owl-prev span:hover,
.main-banner .owl-nav .owl-next span:hover {
  opacity: 1;
}

/* 
---------------------------------------------
类别与收藏样式
--------------------------------------------- 
*/

/* 类别与收藏样式 */
.categories-collections {
  background-image: url(../images/dark-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px 150px 0px;
  position: relative;
}

.categories-collections:after {
  background-image: url(/images/category-collection-dec.png);
  width: 300px;
  height: 282px;
  position: absolute;
  bottom: 0;
  right: 30px;
  content: "";
}

.categories .item {
  background-color: #282b2f;
  text-align: center;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #404245;
  position: relative;
}

.categories .item .icon {
  width: 62px;
  height: 62px;
  display: inline-block;
  text-align: center;
  line-height: 62px;
  background-color: #fff;
  border-radius: 50%;
}

.categories .item .icon img {
  max-width: 31px;
}

.categories .item h4 {
  margin-top: 15px;
  font-size: 20px;
}

.categories .item .icon-button a {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background-color: #fff;
  color: #147eff;
  border-radius: 50%;
  font-size: 18px;
  position: absolute;
  left: 50%;
  bottom: -23px;
  transform: translateX(-23px);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.categories .item .icon-button a:hover {
  background-color: #147eff;
  color: #fff;
}

.categories .item:hover .icon-button a {
  visibility: visible;
  opacity: 1;
}

/* 收藏样式 */
.collections {
  margin-top: 140px;
}

.collections .item img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.collections .item .down-content {
  background-color: #282b2f;
  border: 1px solid #404245;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 30px;
}

.collections .item .down-content h4 {
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.collections .item {
  padding-bottom: 60px;
}

.collections .item span {
  color: #fff;
  display: inline-block;
  width: 48%;
  font-size: 15px;
}

.collections .item span strong {
  font-size: 20px;
}

.collections .item span.category {
  text-align: right;
}

.collections .item .main-button a {
  width: 100%;
  text-align: center;
}

.collections .item .main-button {
  margin-top: 20px;
  margin-bottom: -60px;
}

.collections .item .main-button a:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #147eff;
}

.collections .owl-nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50px);
  text-align: center;
}

.collections .owl-nav .owl-prev {
  position: absolute;
  left: -23px;
}

.collections .owl-nav .owl-next {
  position: absolute;
  right: -23px;
}

.collections .owl-nav .owl-prev span,
.collections .owl-nav .owl-next span {
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 24px;
  display: inline-block;
  color: #147eff;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s;
}

.collections .owl-nav .owl-prev span:hover,
.collections .owl-nav .owl-next span:hover {
  opacity: 1;
}


/* 
---------------------------------------------
创建NFT样式
--------------------------------------------- 
*/

/* 创建NFT容器样式 */
.create-nft {
  background-image: url(../images/main-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px;
  position: relative;
}

.create-nft .section-heading .line-dec {
  margin-left: 0%;
  background-color: #fff;
}

.create-nft .section-heading {
  text-align: left;
  margin-bottom: 50px;
}

.create-nft .main-button {
  text-align: right;
}

.create-nft .item {
  margin-top: 30px;
  position: relative;
}

.create-nft .first-item .number {
  position: absolute;
  right: 0;
  top: -20px;
}

.create-nft .first-item:after {
  position: absolute;
  width: 1px;
  height: 95%;
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  right: 5px;
  top: 5%;
}

.create-nft .second-item .number {
  position: absolute;
  right: 0;
  top: -20px;
}

.create-nft .second-item:after {
  position: absolute;
  width: 1px;
  height: 95%;
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  right: 5px;
  top: 5%;
}

.item .icon {
  width: 62px;
  height: 62px;
  display: inline-block;
  text-align: center;
  line-height: 62px;
  background-color: #fff;
  border-radius: 50%;
}

.create-nft .item .icon img {
  max-width: 31px;
}

.create-nft h4 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.create-nft p {
  margin-right: 30px;
}

.create-nft .item a {
  color: #3cf;
}

/* 
---------------------------------------------
当前市场样式
--------------------------------------------- 
*/

/* 当前市场容器样式 */
.currently-market {
  background-image: url(../images/dark-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px;
  position: relative;
}

.currently-market-item {
  width: 45%;
  margin: 0 auto;
}

.currently-market .section-heading {
  text-align: left;
}

.currently-market .section-heading .line-dec {
  margin-left: 0;
}

.currently-market .filters {
  text-align: right;
}

.currently-market .filters ul li {
  display: inline-block;
  margin-left: 10px;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 8px 15px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.currently-market .filters ul li:first-child {
  margin-left: 0px;
}

.currently-market .filters ul li.active,
.currently-market .filters ul li:hover {
  background-color: #147eff;
}

.currently-market .item {
  background-color: #282b2f;
  border: 1px solid #404245;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  margin-bottom: 30px;
}

.currently-market .item .right-content {
  margin-left: 30px;
  width: 100%;
}

.currently-market .item .right-content h4 {
  font-size: 20px;
  margin-bottom: 25px;
}

.currently-market .item .right-content span.author {
  display: flex;
  margin-bottom: 25px;
}

.currently-market .item .right-content span.author img {
  margin-right: 15px;
}

.currently-market .item .right-content span.author h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.currently-market .item .right-content span.author a {
  color: #147eff;
  font-weight: 700;
  margin-top: 5px;
}

.currently-market .item span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
}

.currently-market .item .line-dec {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 25px;
  margin-top: 30px;
}

.currently-market .item span strong {
  font-size: 20px;
}

.currently-market .item span.bid {
  line-height: 35px;
}

.currently-market .item span.bid em,
.currently-market .item span.ends em {
  font-style: normal;
}

.currently-market .item span.ends {
  text-align: right;
  float: right;
  line-height: 35px;
}

.currently-market .item .text-button {
  margin-top: 40px;
}

.currently-market .item .text-button a {
  font-size: 15px;
  font-weight: 700;
  color: #147eff;
  border-bottom: 1px solid #147eff;
}


/* 
---------------------------------------------
页脚样式
--------------------------------------------- 
*/

footer {
  background: #147eff;
  background: linear-gradient(132deg, #147eff 25%, #1495ff 100%);
  text-align: center;
  padding: 25px 0px;
}

footer p {
  color: #fff;
}

footer p a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}

footer p a:hover {
  color: #fff;
  opacity: 0.75;
}

/* 
---------------------------------------------
页面标题样式
--------------------------------------------- 
*/

.normal-space {
  padding: 250px 0px 120px 0px !important;
}

.page-heading {
  background-image: url(../images/heading-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 250px;
  text-align: center;
  background-color: #2a2a2a;
}

.page-heading h6 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.page-heading h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 66px;
  text-transform: uppercase;
}

.page-heading span {
  color: #8a75da;
  font-size: 15px;
}

.page-heading span a {
  color: #fff;
}

.page-heading .buttons {
  margin-top: 35px;
  display: flex;
  justify-content: center;
}

.page-heading .buttons .main-button {
  margin-right: 15px;
}

.page-heading .buttons .border-button {
  margin-left: 15px;
}

/* 
---------------------------------------------
探索样式
--------------------------------------------- 
*/

.featured-explore {
  margin-top: 60px;
  margin-bottom: -300px;
}

.featured-explore .owl-features {
  min-height: 100%;
}

.featured-explore .item .thumb {
  position: relative;
  overflow: hidden;
}

.featured-explore .item .thumb:hover .hover-effect {
  visibility: visible;
  opacity: 1;
  right: 30px;
}

.featured-explore .item .thumb .hover-effect {
  position: absolute;
  right: -100%;
  bottom: 30px;
  padding: 30px 40px;
  border-radius: 20px;
  border: 1px solid rgba(64, 66, 69, 0.9);
  background-color: rgba(40, 43, 47, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.featured-explore .item .hover-effect .content h4 {
  font-size: 20px;
  margin-bottom: 25px;
}

.featured-explore .item .hover-effect .content span.author {
  display: flex;
  margin-bottom: 0px;
}

.featured-explore .item .hover-effect .content span.author img {
  margin-right: 15px;
}

.featured-explore .item .hover-effect .content span.author h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
}

.featured-explore .item .hover-effect .content span.author a {
  color: #147eff;
  font-weight: 700;
  margin-top: 5px;
}

.featured-explore .owl-nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-23px);
  text-align: center;
}

.featured-explore .owl-nav .owl-prev {
  position: absolute;
  left: 30px;
}

.featured-explore .owl-nav .owl-next {
  position: absolute;
  right: 30px;
}

.featured-explore .owl-nav .owl-prev span,
.featured-explore .owl-nav .owl-next span {
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  color: #147eff;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.3s;
}

.featured-explore .owl-nav .owl-prev span:hover,
.featured-explore .owl-nav .owl-next span:hover {
  opacity: 1;
}

.discover-items {
  background-image: url(../images/dark-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 400px 0px 120px 0px;
  position: relative;
}

.discover-items .section-heading {
  text-align: left;
}

.discover-items .section-heading .line-dec {
  margin-left: 0;
}

.discover-items #search-form {
  margin-top: 15px;
}

.discover-items #search-form input,
.discover-items #search-form select {
  width: 100%;
  height: 46px;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 23px;
  background-color: transparent;
  padding: 0px 15px;
  font-size: 14px;
  color: #fff;
}

.discover-items #search-form select {
  cursor: pointer;
}

.discover-items #search-form select option {
  background-color: #2a2a2a;
}

.discover-items #search-form input::placeholder,
.discover-items #search-form select::placeholder {
  color: #fff;
}

.discover-items #search-form button {
  font-size: 14px;
  color: #fff;
  background-color: #147eff;
  border: 1px solid #147eff;
  height: 46px;
  line-height: 46px;
  text-align: center;
  width: 100%;
  display: inline-block;
  border-radius: 25px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.discover-items #search-form button:after {
  width: 78%;
  height: 2px;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.discover-items #search-form button:hover {
  background-color: #fff;
  color: #147eff;
  border: 1px solid #fff;
}

.discover-items .item span.banner {
  font-size: 15px;
  background-color: #147eff;
  color: #fff;
  font-weight: 500;
  padding: 5px 15px;
  display: inline-block;
  position: absolute;
  border-radius: 16px;
  left: 50%;
  transform: translateX(-50%);
  top: -16px;
}

.discover-items .item span.author {
  display: inline-flex;
  width: 100%;
}

.discover-items .item span.author img {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.discover-items .item img {
  margin-top: -32px;
  position: relative;
  z-index: 1;
}

.discover-items .item h4 {
  font-size: 20px;
  margin-top: 30px;
}

.discover-items .item .line-dec {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 30px 0px;
}

.discover-items .item {
  background-color: #282b2f;
  border: 1px solid #404245;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  margin-bottom: 52px;
}

.discover-items .item span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
}

.discover-items .item span strong {
  font-size: 20px;
}

.discover-items .item span.category {
  text-align: right;
}

.discover-items .item .main-button {
  margin-top: 20px;
  margin-bottom: -60px;
  text-align: center;
}

.top-seller {
  background-image: url(../images/main-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px 90px 0px;
  position: relative;
}

.top-seller .section-heading .line-dec {
  background-color: #fff;
}

.top-seller .item {
  display: flex;
  margin-bottom: 30px;
}

.top-seller .item img {
  margin-right: 15px;
}

.top-seller .item h4 {
  font-size: 20px;
  margin-top: 12px;
  margin-right: 10px;
}

.top-seller .item h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
}

.top-seller .item a {
  font-size: 14px;
  cursor: auto;
  color: #fff;
  font-weight: 400;
  margin-top: 5px;
}


/* 
---------------------------------------------
详情页样式
--------------------------------------------- 
*/

.item-details-page {
  background-image: url(../images/dark-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px 120px 0px;
  position: relative;
}

.item-details-page:after {
  background-image: url(../images/category-collection-dec.png);
  width: 300px;
  height: 282px;
  position: absolute;
  bottom: 0;
  right: 30px;
  content: "";
  z-index: 1;
}

.item-details-page .left-image {
  margin-right: 30px;
}

.item-details-page h4 {
  font-size: 20px;
  margin-bottom: 25px;
}

.item-details-page span.author {
  display: flex;
  margin-bottom: 30px;
}

.item-details-page span.author img {
  margin-right: 15px;
}

.item-details-page span.author h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.item-details-page span.author a {
  color: #147eff;
  font-weight: 700;
  margin-top: 5px;
}

.item-details-page p {
  margin-bottom: 30px;
}

.item-details-page span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
}

.item-details-page span strong {
  font-size: 20px;
  color: #147eff;
}

.item-details-page p {
  position: relative;
  z-index: 2;
}

.item-details-page span.bid,
.item-details-page span.owner,
.item-details-page span.ends {
  line-height: 35px;
  position: relative;
  z-index: 2;
}

.item-details-page span.bid em,
.item-details-page span.ends em,
.item-details-page span.owner em {
  font-style: normal;
  color: #afafaf;
}

.item-details-page form {
  margin-top: 40px;
}

.item-details-page form label {
  color: #afafaf;
  font-size: 15px;
  font-weight: 500;
  margin-right: 10px;
}

.item-details-page form input {
  width: 100px;
  height: 46px;
  border: 1px solid #147eff;
  outline: none;
  border-radius: 23px;
  background-color: transparent;
  color: #fff;
  text-align: center;
  margin-right: 15px;
}

.item-details-page form input::placeholder {
  color: #fff;
}

.item-details-page button {
  font-size: 14px;
  color: #fff;
  background-color: #147eff;
  border: 1px solid #147eff;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 25px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.item-details-page button:after {
  width: 50%;
  height: 2px;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.item-details-page button:hover {
  background-color: #fff;
  color: #147eff;
  border: 1px solid #fff;
}

.current-bid {
  margin-top: 120px;
}

.current-bid select {
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border: none;
  outline: none;
  cursor: pointer;
}

.current-bid .mini-heading h4 {
  background-color: #147eff;
  display: inline-block;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 22px;
}

.current-bid .item {
  position: relative;
  z-index: 2;
  margin-top: 30px;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  background-color: #282b2f;
  border: 1px solid #404245;
}

.current-bid .item .left-img {
  flex-basis: 80%;
  display: inline-flex;
}

.current-bid .item .right-content {
  padding: 30px;
  width: 100%;
}

.current-bid .item .right-content h4 {
  font-size: 20px;
  margin-bottom: 0px;
}

.current-bid .item .right-content a {
  font-size: 15px;
  color: #147eff;
  font-weight: 700;
}

.current-bid .item .right-content .line-dec {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 25px 0px;
}

.current-bid .item .right-content h6 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
}

.current-bid .item .right-content h6 em {
  font-size: 18px;
  color: #147eff;
  font-style: normal;
  font-weight: 700;
}

.current-bid .item .right-content span.date {
  font-size: 15px;
  color: #147eff;
}

/* 
---------------------------------------------
作者页面样式
--------------------------------------------- 
*/

.author-page {
  background-image: url(../images/dark-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 120px 0px 120px 0px;
  position: relative;
}

.author-page .author {
  display: flex;
}

.author-page .author h4 {
  margin-top: 60px;
  font-size: 20px;
  margin-left: 30px;
}

.author-page .author h4 a {
  font-size: 15px;
  color: #147eff;
}

.author-page .right-info {
  background-color: #282b2f;
  border: 1px solid #404245;
  padding: 20px 30px;
  border-radius: 20px;
  margin-left: 100px;
}

.author-page .right-info .info-item {
  margin-bottom: 20px;
}

.author-page .right-info i {
  color: #147eff;
  font-size: 22px;
}

.author-page .right-info h6 {
  font-size: 20px;
  color: #147eff;
  margin-top: 4px;
}

.author-page .right-info h6 em {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
}

.author-page .right-info h5 {
  font-size: 20px;
  color: #afafaf;
  margin-top: 10px;
}

.author-page .right-info .main-button a {
  width: 100%;
  text-align: center;
}

.author-page .section-heading {
  margin-top: 80px;
  text-align: left;
}

.author-page .section-heading .line-dec {
  margin-left: 0;
}

.author-page .item span.author {
  display: inline-flex;
  width: 100%;
}

.author-page .item span.author img {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.author-page .item img {
  margin-top: -32px;
  position: relative;
  z-index: 1;
}

.author-page .item h4 {
  font-size: 20px;
  margin-top: 30px;
}

.author-page .item .line-dec {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 30px 0px;
}

.author-page .item {
  background-color: #282b2f;
  border: 1px solid #404245;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  margin-bottom: 52px;
}

.author-page .item span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
}

.author-page .item span strong {
  font-size: 20px;
}

.author-page .item span.category {
  text-align: right;
}

.author-page .item .main-button {
  margin-top: 20px;
  margin-bottom: -60px;
  text-align: center;
}

/* 
---------------------------------------------
创建页面样式
--------------------------------------------- 
*/

#contact {
  background-color: #37393c;
  border-radius: 20px;
  padding: 60px 30px;
  margin-bottom: 120px;
}

#contact input {
  width: 100%;
  height: 46px;
  text-align: left;
  padding: 0px 15px;
  background-color: #282b2f;
  border: 1px solid #404245;
  margin-bottom: 30px;
  font-weight: 500;
  color: #afafaf;
}

#contact input::placeholder {
  color: #afafaf;
}

#contact label {
  font-size: 15px;
  color: #fff;
  margin-bottom: 8px;
}

#contact input#file {
  padding: 8px 0px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}

#contact button {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

/* 
---------------------------------------------
响应式样式
--------------------------------------------- 
*/

body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .top-seller .item {
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .main-banner .owl-banner {
    margin-top: 80px;
  }
  .categories .item {
    margin-bottom: 35px;
  }
  .create-nft .section-heading,
  .currently-market .section-heading {
    text-align: center;
  }
  .currently-market-item {
    width: 100%;
  }
  .create-nft .section-heading .line-dec,
  .currently-market .section-heading .line-dec {
    margin: 0 auto;
  }
  .create-nft .main-button,
  .currently-market .filters {
    text-align: center;
  }
  .currently-market .filters {
    margin-bottom: 30px;
    margin-top: -30px;
  }
  .create-nft p {
    margin-right: 0px;
  }
  .create-nft .first-item:after,
  .create-nft .second-item:after,
  .create-nft .first-item .number,
  .create-nft .second-item .number {
    display: none;
  }
  .create-nft .item {
    text-align: center;
    margin-top: 45px;
  }
  .discover-items #search-form {
    margin-bottom: 40px;
    margin-top: -30px;
  }
  .discover-items #search-form fieldset {
    margin-bottom: 30px;
  }
  .top-seller .item h6 {
    font-size: 16px;
  }
  .item-details-page .left-image {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .current-bid select {
    float: none;
  }
  .author-page .author {
    justify-content: center;
  }
  .author-page .right-info {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media (max-width: 1200px) {
}

